<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2018-05-16
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>货品出货排行</title>


    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/bootstrap/css/bootstrap.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-3.2.1.min.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/ajaxfileupload.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/table/bootstrap-table.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/table/locale/bootstrap-table-zh-CN.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/date/Moment.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.js"></script>



    <script type="text/javascript">
        $(function () {

            /*供货商所有单据*/
            $('#firstDate').datetimepicker({
                //viewMode: 'day',
                format: 'YYYY-MM-DD'
            });
            $('#secondDate').datetimepicker({
                format: 'YYYY-MM-DD',
                useCurrent: false //Important! See issue #1075
            });
            $("#firstDate").on("dp.change", function (e) {
                $('#secondDate').data("DateTimePicker").minDate(e.date);
            });
            $("#secondDate").on("dp.change", function (e) {
                $('#firstDate').data("DateTimePicker").maxDate(e.date);
            });



            /*供货商供货情况*/

            $('#er').datetimepicker({
                //viewMode: 'day',
                format: 'YYYY-MM-DD'
            });
            $('#ererDate').datetimepicker({
                format: 'YYYY-MM-DD',
                useCurrent: false //Important! See issue #1075
            });
            $("#er").on("dp.change", function (e) {
                $('#secondDate').data("DateTimePicker").minDate(e.date);
            });
            $("#ererDate").on("dp.change", function (e) {
                $('#firstDate').data("DateTimePicker").maxDate(e.date);
            });





        })
    </script>
</head>
<body>
<%--标题--%>
<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div>
            <ul id="myTab" class="nav navbar-nav" >
                <li class="active"><a href="#home" data-toggle="tab">表格显示</a></li>
                <li><a href="#gonghuoqinkuang" data-toggle="tab">图表显示</a></li>

            </ul>
        </div>
    </div>
</nav>
<br>

<%--标题内容--%>
<div id="myTabContent" class="tab-content">

    <%--表格显示的内容--%>
    <div class="tab-pane fade in active" id="home">

        <diV class="xiaogongneng">


            <!--功能面板-->
            <div class="panel panel-default">

                <div class="panel-body">
                    <%--查询--%>
                    <form class="form-inline">
                        <%--按时间查询--%>
                        <div  class="input-group input-daterange">
                            <input id="firstDate" type="text" class="form-control">
                            <div class="input-group-addon">到：</div>
                            <input id="secondDate" type="text" class="form-control">
                        </div>
                        &nbsp;
                        <%--按供货商查询--%>
                        仓库:
                        <select style="width: 200px" id="sex" class="form-control">

                        </select>&nbsp;
                        货品名称:
                        <input  type="text" class="form-control">
                        <button onclick="search()" type="button" class="btn btn-default">查询</button>
                    </form>
                </div>


            </div>
        </diV>

    </div>
    <%--图表显示的内容--%>
    <div class="tab-pane fade" id="gonghuoqinkuang">
        <diV class="xiaogongneng">


            <!--功能面板-->
            <div class="panel panel-default">

                <div class="panel-body">
                    <%--查询--%>
                    <form class="form-inline">
                        <%--按时间查询--%>
                        <div  class="input-group input-daterange">
                            <input id="er" type="text" class="form-control">
                            <div class="input-group-addon">到：</div>
                            <input id="ererDate" type="text" class="form-control">
                        </div>
                        &nbsp;
                        <%--按供货商查询--%>
                        仓库:
                        <select style="width: 200px" id="sex" class="form-control">

                        </select>&nbsp;
                        货品名称:
                        <input  type="text" class="form-control">
                        <button onclick="search()" type="button" class="btn btn-default">查询</button>
                    </form>
                </div>


            </div>
        </div>



    </div>
</body>
</html>
